<template>
  <div class="no-permission-container">
    <div class="no-permission-content">
      <div class="header6 font-gray-70">暂无权限，请联系管理员为您添加权限!</div>
      <el-button type="primary" class="mar-top" @click="signOut">返回首页</el-button>
      <el-button type="primary" class="mar-top" @click="signOut">退出系统</el-button>
    </div>
  </div>
</template>

<script>
  import {clearStorage} from '@/config/sessions';
  import {routerMeta} from '@/router/routerMeta';

  export default {
    name: 'NoPermission',
    methods: {
      signOut() {
        clearStorage();
        this.$router.push({
          name: routerMeta.login.name
        });
      }
    }
  };
</script>

<style scoped lang="less">

  .no-permission-container {
    height: 100vh;
    width: 100vw;
    display: table;
    text-align: center;

    .no-permission-content {
      display: table-cell;
      vertical-align: middle;
    }
  }

</style>
